<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="path" value="${pageContext.request.contextPath}"/>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>用户列表</title>
    <style type="text/css">
        <!--
        body {
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
        }

        .STYLE1 {
            font-size: 12px
        }

        .STYLE3 {
            font-size: 12px;
            font-weight: bold;
        }

        .STYLE4 {
            color: #03515d;
            font-size: 12px;
        }

        -->
    </style>

    <script>
        var highlightcolor = '#c1ebff';
        //此处clickcolor只能用win系统颜色代码才能成功,如果用#xxxxxx的代码就不行,还没搞清楚为什么:(
        var clickcolor = '#51b2f6';
        function changeto() {
            source = event.srcElement;
            if (source.tagName == "TR" || source.tagName == "TABLE")
                return;
            while (source.tagName != "TD")
                source = source.parentElement;
            source = source.parentElement;
            cs = source.children;
//alert(cs.length);
            if (cs[1].style.backgroundColor != highlightcolor && source.id != "nc" && cs[1].style.backgroundColor != clickcolor)
                for (i = 0; i < cs.length; i++) {
                    cs[i].style.backgroundColor = highlightcolor;
                }
        }

        function changeback() {
            if (event.fromElement.contains(event.toElement) || source.contains(event.toElement) || source.id == "nc")
                return
            if (event.toElement != source && cs[1].style.backgroundColor != clickcolor)
//source.style.backgroundColor=originalcolor
                for (i = 0; i < cs.length; i++) {
                    cs[i].style.backgroundColor = "";
                }
        }

        function clickto() {
            source = event.srcElement;
            if (source.tagName == "TR" || source.tagName == "TABLE")
                return;
            while (source.tagName != "TD")
                source = source.parentElement;
            source = source.parentElement;
            cs = source.children;
//alert(cs.length);
            if (cs[1].style.backgroundColor != clickcolor && source.id != "nc")
                for (i = 0; i < cs.length; i++) {
                    cs[i].style.backgroundColor = clickcolor;
                }
            else
                for (i = 0; i < cs.length; i++) {
                    cs[i].style.backgroundColor = "";
                }
        }
    </script>

</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td height="30" background="${path}/pages/tab/images/tab_05.gif">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="12" height="30"><img src="${path}/pages/tab/images/tab_03.gif" width="12" height="30"/>
                    </td>
                    <td>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td width="46%" valign="middle">
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td width="5%">
                                                <div align="center"><img src="${path}/pages/tab/images/tb.gif"
                                                                         width="16" height="16"/>
                                                </div>
                                            </td>
                                            <td width="95%" class="STYLE1"><span class="STYLE3">你当前的位置</span>：[用户管理]-[用户中心]
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="54%">
                                    <table border="0" align="right" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td width="60">
                                                <table width="87%" border="0" cellpadding="0" cellspacing="0">
                                                    <tr>
                                                        <td class="STYLE1">
                                                            <div align="center">
                                                                <input type="checkbox" name="checkbox62"
                                                                       value="checkbox"/>
                                                            </div>
                                                        </td>
                                                        <td class="STYLE1">
                                                            <div align="center">全选</div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td width="60">
                                                <table width="90%" border="0" cellpadding="0" cellspacing="0">
                                                    <tr>
                                                        <td class="STYLE1">
                                                            <div align="center"><img
                                                                    src="${path}/pages/tab/images/22.gif" width="14"
                                                                    height="14"/></div>
                                                        </td>
                                                        <td class="STYLE1">
                                                            <div align="center">新增</div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td width="60">
                                                <table width="90%" border="0" cellpadding="0" cellspacing="0">
                                                    <tr>
                                                        <td class="STYLE1">
                                                            <div align="center"><img
                                                                    src="${path}/pages/tab/images/33.gif" width="14"
                                                                    height="14"/></div>
                                                        </td>
                                                        <td class="STYLE1">
                                                            <div align="center">修改</div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td width="52">
                                                <table width="88%" border="0" cellpadding="0" cellspacing="0">
                                                    <tr>
                                                        <td class="STYLE1">
                                                            <div align="center"><img
                                                                    src="${path}/pages/tab/images/11.gif" width="14"
                                                                    height="14"/></div>
                                                        </td>
                                                        <td class="STYLE1">
                                                            <div align="center">删除</div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td width="16"><img src="${path}/pages/tab/images/tab_07.gif" width="16" height="30"/></td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="8" background="${path}/pages/tab/images/tab_12.gif">&nbsp;</td>
                    <td>
                        <table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="b5d6e6"
                               onmouseover="changeto()" onmouseout="changeback()">
                            <tr>
                                <td height="22" background="${path}/pages/tab/images/bg.gif"
                                    bgcolor="#FFFFFF">
                                    <div align="center">
                                        <input type="checkbox" name="checkbox" value="checkbox"/>
                                    </div>
                                </td>
                                <td height="22" background="${path}/pages/tab/images/bg.gif" bgcolor="#FFFFFF">
                                    <div align="center"><span class="STYLE1">序号</span></div>
                                </td>
                                <td height="22" background="${path}/pages/tab/images/bg.gif" bgcolor="#FFFFFF">
                                    <div align="center"><span class="STYLE1">头像</span></div>
                                </td>
                                <td height="22" background="${path}/pages/tab/images/bg.gif" bgcolor="#FFFFFF">
                                    <div align="center"><span class="STYLE1">姓名</span></div>
                                </td>
                                <td height="22" background="${path}/pages/tab/images/bg.gif" bgcolor="#FFFFFF">
                                    <div align="center"><span class="STYLE1">性别</span></div>
                                </td>
                                <td height="22" background="${path}/pages/tab/images/bg.gif" bgcolor="#FFFFFF">
                                    <div align="center"><span class="STYLE1">QQ</span></div>
                                </td>
                                <td height="22" background="${path}/pages/tab/images/bg.gif" bgcolor="#FFFFFF">
                                    <div align="center"><span class="STYLE1">Email</span></div>
                                </td>
                                <td height="22" background="${path}/pages/tab/images/bg.gif" bgcolor="#FFFFFF">
                                    <div align="center"><span class="STYLE1">电话</span></div>
                                </td>
                                <td height="22" background="${path}/pages/tab/images/bg.gif" bgcolor="#FFFFFF">
                                    <div align="center"><span class="STYLE1">城市</span></div>
                                </td>
                                <td height="22" background="${path}/pages/tab/images/bg.gif" bgcolor="#FFFFFF">
                                    <div align="center"><span class="STYLE1">身份证号</span></div>
                                </td>
                                <td height="22" background="${path}/pages/tab/images/bg.gif" bgcolor="#FFFFFF">
                                    <div align="center"><span class="STYLE1">部门名称</span></div>
                                </td>
                                <td height="22" background="${path}/pages/tab/images/bg.gif" bgcolor="#FFFFFF">
                                    <div align="center"><span class="STYLE1">生日</span></div>
                                </td>
                                <td height="22" background="${path}/pages/tab/images/bg.gif" bgcolor="#FFFFFF">
                                    <div align="center"><span class="STYLE1">简介</span></div>
                                </td>
                                <td height="22" background="${path}/pages/tab/images/bg.gif" bgcolor="#FFFFFF"
                                    class="STYLE1">
                                    <div align="center">基本操作</div>
                                </td>
                            </tr>
                            <%--循环列表数据--%>
                            <c:if test="${fn:length(userInfos)>0}">
                                <c:forEach var="userInfo" items="${userInfos}" varStatus="ind">
                                    <tr>
                                        <td height="22"
                                            background="${path}/pages/tab/images/bg.gif" bgcolor="#FFFFFF">
                                            <div align="center">
                                                <input type="checkbox" name="checkbox" value="checkbox"/>
                                            </div>
                                        </td>
                                        <td height="22" background="${path}/pages/tab/images/bg.gif"
                                            bgcolor="#FFFFFF">
                                            <div align="center"><span class="STYLE1">${ind.index+1}</span>
                                            </div>
                                        </td>
                                        <td height="22" background="${path}/pages/tab/images/bg.gif"
                                            bgcolor="#FFFFFF">
                                            <div align="center"><span class="STYLE1">头像</span></div>
                                        </td>
                                        <td height="22" background="${path}/pages/tab/images/bg.gif"
                                            bgcolor="#FFFFFF">
                                            <div align="center"><span class="STYLE1">${userInfo.name}</span>
                                            </div>
                                        </td>
                                        <td height="22" background="${path}/pages/tab/images/bg.gif"
                                            bgcolor="#FFFFFF">
                                            <div align="center"><span class="STYLE1">${userInfo.sex}</span>
                                            </div>
                                        </td>
                                        <td height="22" background="${path}/pages/tab/images/bg.gif"
                                            bgcolor="#FFFFFF">
                                            <div align="center"><span class="STYLE1">${userInfo.qq}</span>
                                            </div>
                                        </td>
                                        <td height="22" background="${path}/pages/tab/images/bg.gif"
                                            bgcolor="#FFFFFF">
                                            <div align="center"><span
                                                    class="STYLE1">${userInfo.email}</span></div>
                                        </td>
                                        <td height="22" background="${path}/pages/tab/images/bg.gif"
                                            bgcolor="#FFFFFF">
                                            <div align="center"><span
                                                    class="STYLE1">${userInfo.phone}</span></div>
                                        </td>
                                        <td height="22" background="${path}/pages/tab/images/bg.gif"
                                            bgcolor="#FFFFFF">
                                            <div align="center"><span
                                                    class="STYLE1">${userInfo.provice}</span>
                                            </div>
                                        </td>
                                        <td height="22" background="${path}/pages/tab/images/bg.gif"
                                            bgcolor="#FFFFFF">
                                            <div align="center"><span class="STYLE1">${userInfo.pid}</span>
                                            </div>
                                        </td>
                                        <td height="22" background="${path}/pages/tab/images/bg.gif"
                                            bgcolor="#FFFFFF">
                                            <div align="center"><span class="STYLE1">${userInfo.uid}</span>
                                            </div>
                                        </td>
                                        <td height="22" background="${path}/pages/tab/images/bg.gif"
                                            bgcolor="#FFFFFF">
                                            <div align="center"><span
                                                    class="STYLE1">${userInfo.bdate}</span></div>
                                        </td>
                                        <td height="22" background="${path}/pages/tab/images/bg.gif"
                                            bgcolor="#FFFFFF">
                                            <div align="center"><span
                                                    class="STYLE1">${userInfo.introduce}</span>
                                            </div>
                                        </td>
                                        <td height="22" background="${path}/pages/tab/images/bg.gif"
                                            bgcolor="#FFFFFF" class="STYLE1">
                                            <div align="center">基本操作</div>
                                        </td>
                                    </tr>
                                </c:forEach>
                            </c:if>
                        </table>
                    </td>
                    <td width="8" background="${path}/pages/tab/images/tab_15.gif">&nbsp;</td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td height="35" background="${path}/pages/tab/images/tab_19.gif">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="12" height="35"><img src="${path}/pages/tab/images/tab_18.gif" width="12"
                                                    height="35"/></td>
                    <td>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td class="STYLE4">&nbsp;&nbsp;共有 120 条记录，当前第 1/10 页</td>
                                <td>
                                    <table border="0" align="right" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td width="40"><img src="${path}/pages/tab/images/first.gif"
                                                                width="37"
                                                                height="15"/></td>
                                            <td width="45"><img src="${path}/pages/tab/images/back.gif"
                                                                width="43"
                                                                height="15"/></td>
                                            <td width="45"><img src="${path}/pages/tab/images/next.gif"
                                                                width="43"
                                                                height="15"/></td>
                                            <td width="40"><img src="${path}/pages/tab/images/last.gif"
                                                                width="37"
                                                                height="15"/></td>
                                            <td width="100">
                                                <div align="center"><span class="STYLE1">转到第
                    <input name="textfield" type="text" size="4"
                           style="height:12px; width:20px; border:1px solid #999999;"/>
                    页 </span></div>
                                            </td>
                                            <td width="40"><img src="${path}/pages/tab/images/go.gif"
                                                                width="37" height="15"/>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td width="16"><img src="${path}/pages/tab/images/tab_20.gif" width="16" height="35"/>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</body>
</html>